/*
 * 给所有的input添加失去焦点事件
 *  1判断input内的值是否为空
 *     若为空，显示不能为空的错误信息 return结束（不用继续判断）
 *  input值与用正则表达式匹配，若正确提示正确信息，若不匹配提示错误信息
 */
//给所有的input添加失去焦点事件
var inputs = document.getElementsByTagName('input');
for(var i = 0; i < inputs.length; i++) {
	inputs[i].onblur = inputBlur;
}
//定义失去焦点事件
function inputBlur() {
	//获取当前input的name。value，提示信息
	var name = this.name;
	var value = this.value;
	var tips = this.placeholder;
	//获取显示正确或错误提示信息的div元素
	//根据当前input对象获取div：堂兄弟关系
	//根据当前input对象获取它的父亲-- 父亲的下一个兄弟--这个兄弟的第一个孩子
	var div = this.parentNode.nextElementSibling.firstChild;
	//去除value两端的空格
	value.value.trim();
	//判断当前input的value值若为空，显示不能为空的错误信息 return结束（不用继续判断）  input值与用正则表达式匹配，若正确提示正确信息，若不匹配提示错误信息
	if(value == null || value == '') {
		div.innerHTML = "输入框不能为空";
		//错误样式
		div.className = 'error';
	} else {
		//input值与正则表达式匹配，若正确提示正确信息，若不匹配提示错误信息
		//调用函数
		var reg = getReg(name);
		//判断input值与正则表达式是否匹配
		if(value.match(reg)) {
			div.innerHTML = "输入正确";
			div.className = 'success';
		} else {
			div.innerHTML = tips;
			//错误样式
			div.className = 'error';
		}
	}
}
//定义函数，input值与正则表达式匹配
//参数：name，tips
//返回值： 正则表达式
function getRegMsg(name) {
	var reg = '';
	switch(name) {
		case 'username':
			reg = /^[a-zA]{4,12}$/;
			break;
		case 'pwd':
			reg = /w{6,20}$/;
			break;
		case 'peded':
		var pwd=document.getElementsByTagName('input')[1];
		reg=new RegExp('^'+pwd+'$');
				break;
		case tel:
			reg = /^[345678]\d{9}$/;
				break;
		case 'email':
			reg = /^\w+@+\w+\.+\w{2,}$/;
			//reg/^(\w-|\.)*)+@+(\w+(\-)?)+(\.\w{2,}$)/
				break;
		default:
			break;

	}
	return reg;
}